<template>
  <div>
    <h2>作用域插槽</h2>
    <a :href="url">
      <slot :slotData="webdata">{{webdata.msg}}</slot>
    </a>
  </div>
</template>

<script>
export default {
  data() {
    return {
      webdata: {
        url: "www.facbook.com",
        msg: "去脸书"
      }
    };
  }
};
</script>